<!doctype html>
<html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false"%>
<head>
<title></title>
<%
	String contextPath = request.getContextPath();
	String contextBasePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ contextPath + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
   <c:set var="basePath"  value="<%=contextBasePath %>"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <style>
        body,
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        pre,
        form,
        fieldset,
        input,
        textarea,
        p,
        blockquote,
        th,
        td,
        tr,
        table {
            margin: 0;
            padding: 0;
            -webkie-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        ol,
        ul {
            list-style: none;
        }
        
        iframe {
            border: none;
        }
        
        a {
            text-decoration: none;
            color: #666;
        }
        
        a:focus,
        a:hover {
            text-decoration: none;
        }
        
        .center {
            text-align: center;
        }
        
        .label {
            text-shadow: none;
            background: none;
            color: #666;
            font-weight: 400;
            margin-bottom: 0;
        }
        
        .dn {
            display: none;
        }
        
        .db {
            display: block;
        }
        
        .pr {
            position: relative;
        }
        
        .pa {
            position: absolute;
        }
        
        .fl {
            float: left;
        }
        
        .fr {
            float: right;
        }
        /*.clearfix {clear: both;}*/
        
        .clearfix {
            zoom: 1;
        }
        
        .clearfix:after {
            display: block;
            clear: both;
            content: "";
            visibility: hidden;
            height: 0;
            font-size: 0;
        }
        
        body {
            width: 800px;
            margin: 0 10%;
            font-size: 14px;
            padding: 10px 0px;
        }
        
        .header {
            background: white;
            height: 148px;
            padding: 10px;
        }
        
        .header img {
            width: 62px;
            height: 58px;
        }
        
        .header .transportation {
            font-size: 20px;
            font-weight: bolder;
            margin-top: 15px;
        }
        
        .header .time {
            margin-top: 7px;
        }
        
        .header .spanColor {
            color: #FF9900;
            font-size: 20px;
            font-weight: bold;
            padding: 0 5px;
        }
        
        .header a {
            color: #00ccff;
            text-decoration: underline;
            margin-left: 5px;
        }
        
        .detailData {
            margin-top: 2px;
            background: white;
            width: 735px;
            height: 115px;
            padding-top: 25px;
        }
        
        .detailData ul {
            display: inline-block;
            height: 60px;
        }
        
        .detailData li {
            list-style: none;
            height: 85px;
        }
        
        .detailData .line {
            display: inline-block;
            width: 1px;
            background: #ccc;
            height: 85px;
        }
        
        .detailData .data {
            width: 180px;
            text-align: center;
        }
        
        .detailData span {
            border-bottom: none;
            color: #00ccff;
            font-size: 32px;
            font-weight: 400;
            border-bottom:none important;
        }
        
        .detailData p {
            color: #ccc;
        }
        
        .assessment {
            margin-top: 20px;
        }
        
        .assessment .assessmentTop {
            background: #99ccff;
            padding: 0 5px;
            width: 100%;
            height: 30px;
            list-style: 30px;
        }
        
        .aTopLeft {
            line-height: 30px;
            color: white;
        }
        
        .aTopRight {
            margin-top: 7px;
        }
        
        #assessment {
            width: 100%;
            height: 270px;
            background: white important;
        }
        
        .regional .regionalTop {
            background: #99ccff;
            padding: 0 5px;
            width: 100%;
            height: 30px;
            list-style: 30px;
            color: white;
            margin-top: 20px;
        }
        
        .regionalTop .rTopLeft {
            line-height: 30px;
        }
        
        .regionalTop .rTopRight {
            margin-top: 7px;
        }
        
        #regional {
            width: 100%;
            height: 100px;
            background: white;
        }
        
        .alarm {
            margin-top: 20px;
        }
        
        .alarmTop {
            background: #99ccff;
            padding: 0 5px;
            width: 100%;
            height: 30px;
            list-style: 30px;
            color: white;
        }
        
        .alarmTop .rTopLeft {
            line-height: 30px;
        }
        
        .alarmTop .rTopRight {
            margin-top: 7px;
        }
        
        .alarmBottom {
            height: 300px;
            background: white;
        }
        
        #abLeft {
            width: 40%;
            height: 100%;
        }
        
        #abRight {
            width: 58%;
            height: 100%;
        }
        
        .regionalBottom {
            background: white;
            height: auto;
        }
        
        .regionalBottom table {
            border-collapse: collapse;
            width: 1100px;
        }
        
        .regionalBottom tr th {
            height: 35px;
            border-collapse: collapse;
            border: 1px solid #ccc;
            font-weight: normal;
        }
        
        .regionalBottom td {
            height: 35px;
            border-collapse: collapse;
            border: 1px solid #ccc;
        }
        /* #ajax-loading,#mask{display:block;} */
        
        #leftCity li,
        #rightCity li {
            cursor: pointer;
        }
        
        .alarm .barechart .list {
            cursor: pointer;
        }
        
        tr,
        th,
        td {
            border: 1px solid #dedede;
        }
        
        th,
        td {
            height: 25px;
            padding: 0 10px;
        }
        
        body ol,
        body ul,
        body .qmbox ul li {
            list-style: none;
        }
        
        .qmbox ul li {
            list-style: none important;
        }
    </style>
</head>
<body id='mailContentContainer' >
	<div style="border: 3px solid #eeeaea ;width: 1125px;">
	<div style="padding: 10px 10px;">
    <div class="header">
        <img src= "${pic}/image/pic/email/icon.png" alt="">
        <p class="transportation">尊敬的${enterpriseName}，您好：</p>
        <p class="time"><span class="spanColor" style='color: #FF9900;
            font-size: 20px;
            font-weight: bold;
            padding: 0 5px;'>${time}</span>排名第<span class="spanColor">${rank}</span>名</p>
    </div>
    <div class="detailData">
        <ul class="clearfix">
            <li class="data fl">
                <span>${vehicleCount}</span>
                <p>车辆总数</p>
            </li>
            <li class="line fl"></li>
            <li class="data fl">
                <span>${vehicleNetCount}</span>
                <p>入网总数</p>
            </li>
            
            <li class="line fl"></li>
            <li class="data fl">
                <span>${dealRate}</span>
                <p>处警率</p>
            </li>
        </ul>
    </div>

    <div class="regional">
        <div class="regionalTop clearfix" style='width:1100px'>
            <div class='fl rTopLeft'>
                业户考核
            </div>
         
        </div>
        <div class="regionalBottom">
            <table cellspacing='0'>
                <thead bgcolor='#eee'>
                    <tr>
                        <th>排名</th>
                        <th>得分</th>
                        <th>业户名称</th>
                        <th>入网率</th>
                        <th>上线率</th>
                        <th>轨迹完整率</th>
                        <th>数据合格率</th>
                        <th>卫星定位车辆飘移率</th>
                        <th>平均车辆超速次数</th>
                        <th>平均疲劳驾驶时长</th>
                        <th>平台查岗响应率</th>
                    </tr>
                </thead>
                <tbody id="enterpriseTable">
                  ${EntList}
                </tbody>
            </table>
        </div>
    </div>
    <div class="regional">
        <div class="regionalTop clearfix" style='width:1100px'>
            <div class='fl rTopLeft'>
                问题车辆
            </div>
   
        </div>
        <div class="regionalBottom">
            <table cellspacing='0'>
                <thead bgcolor='#eee'>
                    <tr>
                        <th>车牌号</th>
                        <th>颜色</th>
                        <th>所属业户</th>
                        <th>>于10天无定位数据</th>
                        <th>轨迹完整度 &lt;85%</th>
                        <th>动态数据合格率</th>
                        <th>远距离飘移>于6次</th>
                        <th>超速次数</th>
                        <th>超速次数排名</th>
                        <th>累计疲劳驾驶时长</th>
                    </tr>
                </thead>
                <tbody id="abnomalTable">
                	
                	 ${abnomalList}
                </tbody>
            </table>
        </div>
    </div>
     </div>
    </div>
</body>

</html>